<!--/*-->
<!-- * @Description: 地图查看定制班线-->
<!-- * @Author: shuaishuai.wang-->
<!-- * @Date: 2019-08-23 15:56:58-->
<!-- * @Last Modified by: shuaishuai.wang-->
<!-- * @Last Modified time: 2019-08-23 16:07:07-->
<!-- */-->
<!--<template>-->
<!--  <div id="map"></div>-->
<!--</template>-->

<!--<script>-->
<!--import AMap from 'AMap'-->
<!--export default {-->
<!--  data () {-->
<!--    return {-->

<!--    }-->
<!--  },-->
<!--  mounted () {-->
<!--    document.querySelector('#map').style.height = document.body.clientHeight + 'px'-->
<!--    let map = new AMap.Map('map', { // 创建高德map-->
<!--      resizeEnable: true,-->
<!--      center: [116.422897, 39.878002],-->
<!--      zoom: 12-->
<!--    })-->
<!--    let path = [ // 定制班线站点坐标-->
<!--      [116.362209, 39.887487],-->
<!--      [116.422897, 39.878002],-->
<!--      [116.372105, 39.90651],-->
<!--      [116.428945, 39.89663]-->
<!--    ]-->
<!--    this.createPointText(map, path)-->
<!--    this.createPolyline(map, path)-->
<!--  },-->
<!--  methods: {-->
<!--    createPointText (map, path) { // 创建站点标记以及站点名文字-->
<!--      for (let i = 0; i < path.length; i++) {-->
<!--        let marker = new AMap.Marker({-->
<!--          position: path[i],-->
<!--          icon: './../../static/img/map-point.svg',-->
<!--          offset: new AMap.Pixel(-15, -15)-->
<!--        })-->
<!--        marker.setMap(map)-->
<!--        // 设置label标签-->
<!--        // label默认蓝框白底左上角显示，样式className为：amap-marker-label-->
<!--        marker.setLabel({-->
<!--          offset: new AMap.Pixel(-24, 20), // 设置文本标注偏移量-->
<!--          content: '<div>' + i + '</div>', // 设置文本标注内容-->
<!--          direction: 'right' // 设置文本标注方位-->
<!--        })-->
<!--      }-->
<!--    },-->
<!--    createPolyline (map, path) { // 绘制班线线路折线，简单画出班线路径-->
<!--      let polyline = new AMap.Polyline({-->
<!--        path: path, // 设置线覆盖物路径-->
<!--        showDir: true,-->
<!--        strokeColor: '#3366bb', // 线颜色-->
<!--        strokeWeight: 5, // 线宽-->
<!--        lineJoin: 'round'-->
<!--      })-->
<!--      map.add(polyline)-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style lang="scss" scoped>-->
<!--#map {-->
<!--  width: 750px;-->
<!--}-->
<!--</style>-->
